body,
html {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    min-height: 100%;
    background-color: #000;
}

.yuzhou img,
.keji img,
.gongye img,
.nongye img,
.shiqi img,
.shiqi_foot img {
    position: absolute;
    display: block;
    z-index: 1;
}

.yuzhou,
.keji,
.gongye,
.nongye,
.shiqi,
.shiqi_foot {
    width: 100%;
}

.yuzhou {
    min-height: 7rem;
}

.keji {
    min-height: 10.5rem;
}

.gongye {
    min-height: 4.8rem;
}

.nongye {
    min-height: 5.5rem;
}

.shiqi {
    min-height: 5rem;
}

.shiqi_phone_bg {
    display: none !important;
}

.shiqi_foot {
    min-height: 2rem;
    background-image: url('../image/stoneArtifact/shiqi_end_bg.png');
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone_foot {
    display: none;
    z-index: 2;
    position: relative;
}

.slate.opacity1,
.slate_phone.opacity1,
.platform_bg.opacity1,
.platform_skeleton2.opacity1,
.platform_bg_1.opacity1,
.platform_bg_2.opacity1,
.skeleton_light.opacity1,
.hexagon3.opacity1,
.Attribute.opacity1,
.hexagon_bg.opacity1,
.big_board.opacity1,
.arrow1.opacity1,
.phone_arrow1.opacity1,
.arrow2.opacity1,
.arrow3.opacity1,
.arrow4.opacity1,
.arrow5.opacity1,
.luminescence.opacity1,
.arrowGroup.opacity1,
.small_board_phone.opacity1,
.EVO.opacity1,
.small_board1.opacity1,
.small_board2.opacity1,
.small_board3.opacity1,
.floor_list1.opacity1,
.floor_list2.opacity1,
.floor_list3.opacity1,
.floor_list4.opacity1,
.panel_up.opacity1,
.panel_down.opacity1,
.panel_up_line.opacity1,
.panel_down_line.opacity1,
.industry_fire1.opacity1,
.industry_fire2.opacity1,
.industry_fire3.opacity1 {
    animation: opacity100 10000s linear infinite;
    -webkit-animation: opacity100 10000s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bg {
    width: 100%;
    position: static !important;
}

.top {
    position: absolute;
    top: 0;
    /* left: 1.11rem; */
    left: 0;
    width: 100%;
    z-index: 4;

    height: 1.01rem;
}

.top_bg {
    position: absolute;
    width: 7.7rem;
    top: 0;
    left: 1.156rem;
}

.play {
    top: -.12rem;
    right: 0.95rem;
    width: 1.218rem;
    /* height: 1.81rem; */
    cursor: pointer;
}

.top_logo {
    top: .104rem;
    left: 1.39rem;
    width: .697rem;
}

.top ul {
    position: absolute;
    top: 0.075rem;
    left: 1.156rem;
    z-index: 2;
    width: 7.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top ul li {
    position: relative;
    color: #fff;
    font-size: 0.156rem;
    cursor: pointer;
    text-align: center;
    padding: 0.01rem .156rem;
}

.top ul li.active {
    background-image: url('../image/universe/check_left.png'), url('../image/universe/check_right.png');
    background-repeat: no-repeat;
    background-position: left, right;
    background-size: .15rem .33rem;

}

.top ul li:nth-child(1) {
    margin-left: 1.317rem;
}

.top ul li:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 1.406rem;

}

.top ul li:last-child img {
    width: 0.213rem;
    position: unset;
    transform: rotate(180deg);
    margin-left: 0.1rem;
}

.top .list {
    display: none;
    position: absolute;
    top: 0.16rem;
    right: -0.1rem;
    width: 1.572rem;
    height: 1.572rem;
    background: url("../image/universe/down_nav.png") no-repeat;
    background-size: 100%;
    text-align: left;
    padding-top: 0.286rem;
}

.list p {
    line-height: 1;
    font-size: 0.135rem;
    margin-left: 0.25rem;
    margin-bottom: 0.15rem;
}

.shiqi_foot .bg {
    z-index: 1;
}

.yuzhou-line {
    margin-top: -1px;
    width: 100%;
    /* height: 1.66rem; */
    height: 2.66rem;
    background-image: linear-gradient(#1f273b, #192539);
}

.xingkong {
    top: 0;
    left: 0;
}

.stars {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
}

.stars1 {
    animation: stars_animation 20s linear 3s infinite;
}

.stars2 {
    animation: stars_animation 20s linear 7s infinite;
}

.stars3 {
    animation: stars_animation 20s linear 2s infinite;
}

.stars4 {
    animation: stars_animation 20s linear 9s infinite;
}

.stars5 {
    animation: stars_animation 20s linear 5s infinite;
}

.opacity6-10 {
    animation: opacity6-10 1.5s 40;
    -webkit-animation: opacity6-10 1.5s 40;
}

.opacity6-30 {
    animation: opacity6 30s;
    -webkit-animation: opacity6 30s;
}

.opacity0-12 {
    animation: opacity0 12s;
    -webkit-animation: opacity0 12s;
}

.opacity0-10 {
    animation: opacity0 10s;
    -webkit-animation: opacity0 10s;
}

.opacity0-8 {
    animation: opacity0 8s;
    -webkit-animation: opacity0 8s;
}

.opacity0-6 {
    animation: opacity0 6s;
    -webkit-animation: opacity0 6s;
}

.opacity0-2 {
    animation: opacity0 2s;
    -webkit-animation: opacity0 2s;
}

.door {
    width: 3.51rem;
    left: 2.82rem;
    top: .87rem;
}

.door_halo {
    width: 3.07rem;
    height: 3.12rem;
    left: 3.17rem;
    top: 1.2rem;
    animation: opacity6-10 3s linear infinite;
}

.door_core {
    width: 1.83rem;
    height: 2.09rem;
    left: 3.95rem;
    top: 1.58rem;
    animation: opacity7-10 3s linear infinite;
}

.door_behind {
    width: 5.65rem;
    height: 4.16rem;
    left: 0.7rem;
    top: 1.21rem;
    animation: opacity8-10 3s linear infinite;
}

.door_front {
    width: 6.47rem;
    height: 5.06rem;
    right: 0;
    top: 0;
    animation: opacity8-10 3s linear infinite;
}

.aerocraft1 {
    opacity: 0;
    top: -0.97rem;
    right: -.4rem;
    width: 2.2rem;
}

.aerocraft2 {
    top: -0.6rem;
    right: -5.76rem;
    width: 4.8rem;
}

.aerocraft3 {
    opacity: 0;
    top: 0.6rem;
    right: 3.03rem;
    width: 4.93rem;
    height: 3.05rem;
}

.aerocraft_animation1 {
    animation: aerocraft_animation1 2s linear 10s;
}

.aerocraft_animation2 {
    animation: aerocraft_animation2 3s linear 18s;
}

.aerocraft_animation3 {
    animation: aerocraft_animation3 8s linear;
}

.star1 {
    top: 2.8rem;
    right: .05rem;
    width: 1.39rem;
    animation: translate8-5 8s linear infinite;
}

.star2 {
    top: 3.25rem;
    left: 0.2rem;
    width: 1.08rem;
    animation: translate8-5 12s linear infinite;
}

.star3 {
    top: 1.21rem;
    left: 1.1rem;
    width: 1.25rem;
    animation: translate8-5 10s linear infinite;
}

.alien1 {
    top: 3.7rem;
    left: 0rem;
    width: 4.176rem;
    height: 4.68rem;
    animation: translate0-10 10s linear infinite;

}

.alien2 {
    top: 4.05rem;
    right: 0.5rem;
    width: 4.26rem;
    height: 4.32rem;
    animation: translate10-0 10s linear infinite;
}

.time {
    width: 2.1rem;
    top: 1.73rem;
    left: 2.7rem;
}

.title_introduce {
    position: absolute;
    top: 2.43rem;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
}

.title_introduce img {
    width: 5.166rem;
}

.migration1 {
    opacity: 0;
    width: 4.75rem;
    height: 7.55rem;
    top: 0.13rem;
    left: 2.42rem;
}

.migration2 {
    opacity: 0;
    width: 4.75rem;
    height: 7.55rem;
    top: 0.13rem;
    left: 2.42rem;
}

.migration_animation1 {
    animation: scale0-1 1s linear;
}

.migration_animation2 {
    animation: scale0-1 1s linear 30s;
}

.time {
    position: absolute;
    display: flex;
    top: 2.53rem;
    left: 3.38rem;
    z-index: 3;
    font-size: .6rem;
    color: #fff;
    font-family: "bauhs";
}

.time span,
.time i {
    line-height: 1;
    -webkit-text-stroke: .04rem #0084ff;
}

@keyframes opacity8-10 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity6-10 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity6 {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 0.6;
    }
}

@keyframes opacity100 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes stars_animation {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    20% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacity0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes dropRotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes dropRotateUp {
    0% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes translate8-5 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(.08rem, .05rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(-.08rem, -.05rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translate0-10 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(0, .1rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, -.1rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translate10-0 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(.1rem, 0);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(-.1rem, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes aerocraft_animation1 {
    0% {
        transform: translate(0, 0);
    }

    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-3.4rem, 2.2rem);
        opacity: 0;
    }
}

@keyframes aerocraft_animation2 {
    0% {
        transform: translate(0, 0) scale(1.5);
    }

    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-7.4rem, 1.8rem) scale(0.2);
        opacity: 0;
    }
}

@keyframes aerocraft_animation3 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0);
    }

    10% {
        opacity: 1;
    }

    25% {
        transform: translate(1.9rem, 1rem);
        opacity: 1;
    }

    50% {
        transform: translate(4.2rem, 1.4rem) scale(2.5);
        opacity: 0.6;
    }

    60% {
        opacity: 0;
    }

    100% {
        transform: translate(8rem, 3rem) scale(2.5);
        opacity: 0;
    }
}

@keyframes scale0-1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    30% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 2.88rem 2.4rem;
    }

    100% {
        opacity: 0;
    }
}


.space_station {
    width: 100%;
    top: 0;
    animation: translate80 60s linear infinite;
}

.shelter_up {
    width: 100%;
    top: 8rem;
    z-index: 1;
}

.shelter_down {
    width: 100%;
    top: 0rem;
    z-index: 2 !important;
}

.rocket1 {
    opacity: 0;
    width: .83rem;
    height: 2.97rem;
    /* top: 1.82rem; */
    bottom: 0;
    right: .19rem;
}

.rocket2 {
    opacity: 0;
    width: .83rem;
    height: 3.08rem;
    /* top: 2.29rem; */
    bottom: 0;
    left: .3rem;
}

.rocket3 {
    opacity: 0;
    width: .72rem;
    height: 2.64rem;
    /* top: 4.6rem; */
    bottom: 0;
    left: 1.15rem;
}

.rocket4 {
    opacity: 0;
    width: .72rem;
    height: 2.72rem;
    /* top: 3.43rem; */
    bottom: 0;
    right: 2.83rem;
}

.rocket5 {
    opacity: 0;
    width: .72rem;
    height: 2.72rem;
    /* top: 5.25rem; */
    bottom: 0;
    right: 3.96rem;
}

.rocket6 {
    opacity: 0;
    width: 1.05rem;
    height: 2.52rem;
    /* top: 4.53rem; */
    bottom: 0;
    right: 1.43rem;
}

.rocket7 {
    opacity: 0;
    width: .72rem;
    height: 2.81rem;
    /* top: 2.69rem; */
    bottom: 0;
    left: 2.29rem;
}

.rocket8 {
    opacity: 0;
    width: .72rem;
    height: 2.84rem;
    /* top: .49rem; */
    bottom: 0;
    left: 1.13rem;
}

.rocket9 {
    opacity: 0;
    width: .72rem;
    height: 2.84rem;
    /* top: .32rem; */
    bottom: 0;
    left: 3.79rem;
}

.rocket10 {
    opacity: 0;
    width: .72rem;
    height: 2.9rem;
    /* top: 5.61rem; */
    bottom: 0;
    right: 0.81rem;
}

.rocket11 {
    opacity: 0;
    width: .72rem;
    height: 2.62rem;
    /* top: 1.36rem; */
    bottom: 0;
    right: 3.35rem;
}

.twinkling {
    opacity: 0;
    width: 0.6rem;
    height: 0.6rem;
}

.twinkling3 {
    left: 1.23rem;
    top: -0.53rem;
}

.twinkling2 {
    left: .35rem;
    top: 0.53rem;
}

.twinkling7 {
    left: 2.34rem;
    top: -0.9rem;
}

.twinkling9 {
    left: 3.84rem;
    top: -1rem;
}

.twinkling11 {
    right: 3.4rem;
    top: -0.8rem;
}

.twinkling6 {
    right: 1.58rem;
    top: -1.2rem;
}

.twinkling10 {
    right: 0.86rem;
    top: -0.4rem;
}

.twinkling1 {
    right: 0.29rem;
    top: 0.2rem;
}

.twinkling5 {
    right: 4.01rem;
    top: -1.1rem;
}

.twinkling4 {
    right: 2.88rem;
    top: -0.2rem;
}

.twinkling8 {
    left: 1.22rem;
    top: -0.53rem;
}

.star {
    width: 4.21rem;
    height: 4.39rem;
    right: -4.21rem;
    top: 5rem;
    animation: translate100 320s linear infinite;
}

.architecture {
    width: 100%;
    top: 5.49rem;
}

.architecture_core {
    width: 100%;
    top: 5.43rem;
    animation: architecture_core 6s linear infinite;
}

.introduce {
    position: absolute;
    top: -1.5rem;
    /* left: .78rem;
    right: .64rem; */
    left: .05rem;
    right: .05rem;
    z-index: 4;
}

.phone_introduce {
    display: none;
}

.introduce .introduce_bg {
    position: static;
    width: 100%;
    height: 5.8rem;
}

.goods {
    position: absolute;
    top: .98rem;
    width: 1.78rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goods p {
    font-size: .22rem;
    line-height: 1;
}

.goods span {
    margin-top: .15rem;
    margin-bottom: .05rem;
    line-height: 1;
    font-size: .12rem;
}

.first_goods {
    left: 1.38rem;
}

.second_goods {
    left: 3.92rem;
}

.third_goods {
    left: 6.495rem;
}

.goods img {
    position: static;
}

.angel_egg,
.technology_egg,
.suit_egg {
    width: 1.11rem;
    height: 1.4rem;
}

.buy_btn {
    width: 1.43rem;
    /* height: .55rem; */
    cursor: pointer;
}

.btn_text {
    cursor: pointer;
    font-size: .2rem !important;
    position: absolute;
    top: 2.13rem;
    z-index: 5;
}

.goods .backlight {
    position: absolute;
    left: 0.07rem;
    top: -0.22rem;
    animation: backlight 2s linear infinite;
}

.text_introduce {
    position: absolute;
    width: 7.6rem;
    height: 1rem;
    overflow-y: scroll;
    left: .94rem;
    top: 4.45rem;
    color: #fff;
    font-size: .18rem;
    line-height: .2rem;
}

.text_introduce::-webkit-scrollbar {
    width: 0 !important
}

.phone_platform {
    display: none;
}

.platform {
    position: absolute;
    width: 6.3rem;
    height: 3.86rem;
    bottom: 2.7rem;
    left: 1.65rem;
}

.platform_bg {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.platformAnimation {
    animation: platform_bg 0.8s linear;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

.platform_skeleton1 {
    opacity: 0;
    top: .42rem;
    left: 1.06rem;
    width: 1.5rem;
    height: 2.87rem;
}

.platform_skeleton2 {
    opacity: 0;
    top: .42rem;
    left: 1.06rem;
    width: 1.5rem;
    height: 2.87rem;
}

.skeleton_light {
    opacity: 0;
    bottom: 0.32rem;
    left: 1.05rem;
    width: 1.52rem;
}

.Attribute {
    opacity: 0;
    top: .35rem;
    right: .89rem;
    width: 1.09rem;
    height: .24rem;
}

.hexagon_bg {
    opacity: 0;
    top: .94rem;
    right: .3rem;
    width: 2.22rem;
    height: 1.9rem;
}

.hexagon1 {
    opacity: 0;
    top: 1.12rem;
    right: .62rem;
    width: 1.59rem;
    height: 1.48rem;
}

.hexagon2 {
    opacity: 0;
    top: 1.18rem;
    right: .72rem;
    width: 1.6rem;
    height: 1.24rem;
}

.hexagon3 {
    opacity: 0;
    top: 1.13rem;
    right: .56rem;
    width: 1.56rem;
    height: 1.48rem;
}

.hexagonAnimation {
    animation: scale_hexagon3 0.5s linear;
    -webkit-animation: scale_hexagon3 0.5s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.skeleton_light.skeleton_light_animation {
    animation: opacity5-10 2s linear infinite;
}

.transverse_light {
    opacity: 0;
    top: 0rem;
    left: 0.7rem;
    /* left: 6.52rem; */
    height: .5rem;
    z-index: 5;
    animation: translatelight 2.5s linear infinite;
}

.cylinder_light {
    /* width: 8.85rem; */
    width: 10.25rem;
    max-width: none;
    top: 0.8rem;
    left: -.4rem;
    right: -1rem;
    animation: opacity5-10 1.5s linear infinite;
}

@keyframes architecture_core {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    90% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes backlight {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale_hexagon3 {
    0% {
        opacity: 0;
        /* -webkit-transform: scale(0);
        transform: scale(0); */
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    100% {
        opacity: 1;
        /* transform: scale(1);
        -webkit-transform: scale(1); */
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@-webkit-keyframes scale_hexagon3 {
    0% {
        opacity: 0;
        /* -webkit-transform: scale(0);
        transform: scale(0); */
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    100% {
        opacity: 1;
        /* transform: scale(1);
        -webkit-transform: scale(1); */
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes platform_bg {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 3.2rem 4.08rem;
    }

    50% {
        opacity: 0.5;
        transform: scale(0.5);
        transform-origin: 3.2rem 3.08rem;
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 3.2rem 2.08rem;
    }
}

@keyframes translate80 {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, -1.80rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translatelight {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    99% {
        opacity: 1;
    }

    100% {
        transform: translate(7.55rem, 0);
        opacity: 0;
    }
}

@keyframes rocket1 {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-7.8rem);
        opacity: 0;
    }
}

@keyframes rocket2 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-7.3rem);
        opacity: 0;
    }
}

@keyframes rocket3 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-8.8rem);
        opacity: 0;
    }
}

@keyframes rocket4 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-8.4rem);
        opacity: 0;
    }
}

@keyframes rocket5 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-9.4rem);
        opacity: 0;
    }
}

@keyframes rocket6 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-9.8rem);
        opacity: 0;
    }
}

@keyframes rocket7 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-9.1rem);
        opacity: 0;
    }
}

@keyframes rocket8 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-8.6rem);
        opacity: 0;
    }
}

@keyframes rocket9 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-9.2rem);
        opacity: 0;
    }
}

@keyframes rocket10 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-8.5rem);
        opacity: 0;
    }
}

@keyframes rocket11 {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-9.1rem);
        opacity: 0;
    }
}

@keyframes twinkling {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes twinkle {
    0% {
        opacity: 1;
    }

    3% {
        opacity: 0.7;
    }

    6% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes translate100 {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-14rem);
    }

    100% {
        transform: translateX(-14rem);
    }
}

.gongye {
    margin-top: -2.1rem;
}

.bg_before {
    width: 100%;
    bottom: 0;
}

.industry_up {
    width: 100%;
    bottom: 0;
}

.airship1 {
    width: .7rem;
    height: .88rem;
    top: 2.27rem;
    right: -.7rem;
    animation: translate-airship2 90s linear 35s infinite;
}

.airship2 {
    width: .34rem;
    height: .21rem;
    top: 2.67rem;
    right: -.34rem;
    animation: translate-airship1 120s linear 20s infinite;
}

.airship3 {
    width: .34rem;
    height: .21rem;
    top: 3.03rem;
    right: -.34rem;
    animation: translate-airship1 120s linear infinite;
}

.worker1 {
    width: 2.08rem;
    height: 1.37rem;
    bottom: .74rem;
    left: 2.37rem;
    animation: translate12 1.4s linear infinite;
}

.worker2 {
    width: 1.76rem;
    height: 1.37rem;
    bottom: .22rem;
    right: .18rem;
    animation: translate13 1.5s linear infinite;
}

.worker3 {
    width: 1.51rem;
    height: 1.37rem;
    bottom: .31rem;
    left: .07rem;
    animation: translate10 1.8s linear infinite;
}

.worker4 {
    width: 1.5rem;
    height: 1.37rem;
    bottom: .6rem;
    right: 2.97rem;
    animation: translate8 1s linear infinite;
}

.floor {
    position: absolute;
    top: .57rem;
    left: .08rem;
    right: .1rem;
    height: 3.66rem;
    z-index: 3;
}

.phone_floor {
    display: none;
}

.floor_bg {
    top: 0;
    left: .55rem;
    right: .53rem;
    width: 8.35rem;
    height: 3.26rem;
}

.wire {
    top: 0;
    left: 1.38rem;
    width: 6.6rem;
    height: 3.36rem;
}

.spark {
    width: .36rem;
    height: .35rem;
}

.spark_up {
    opacity: 0;
    top: -.4rem;
    left: 1.4rem;
}

.spark_down {
    opacity: 0;
    top: 2.09rem;
    left: 2.5rem;
}

.spark_up_anmaition {
    animation: spark-up 2s linear;
}

.spark_down_anmaition {
    animation: spark-down 2s linear;
}

@keyframes spark-up {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    20% {
        opacity: 1;
        transform: translate(0.48rem, -.3rem) scale(1);
    }

    30% {
        opacity: 1;
        transform: translate(0.72rem, -.4rem) scale(1);
    }

    40% {
        opacity: 1;
        transform: translate(0.96rem, -.42rem) scale(.6);
    }

    60% {
        opacity: 1;
        transform: translate(1.34rem, -.42rem) scale(.6);
    }

    70% {
        opacity: 1;
        transform: translate(1.62rem, -.34rem) scale(1);
    }

    80% {
        opacity: 1;
        transform: translate(1.8rem, -.3rem) scale(1);
    }

    100% {
        opacity: 1;
        transform: translate(2.2rem, 0);
    }
}

@keyframes spark-down {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    20% {
        opacity: 1;
        transform: translate(-0.48rem, .4rem) scale(1);
    }

    30% {
        opacity: 1;
        transform: translate(-0.72rem, .44rem) scale(1);
    }

    40% {
        opacity: 1;
        transform: translate(-0.96rem, .5rem) scale(.6);
    }

    60% {
        opacity: 1;
        transform: translate(-1.34rem, .5rem) scale(.6);
    }

    70% {
        opacity: 1;
        transform: translate(-1.58rem, .44rem) scale(1);
    }

    80% {
        opacity: 1;
        transform: translate(-1.72rem, .4rem) scale(1);
    }

    100% {
        opacity: 1;
        transform: translate(-2.2rem, 0);
    }
}

.spark_up_anmaition_90 {
    animation: spark_up_90 2s linear;
}

@keyframes spark_up_90 {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    20% {
        opacity: 1;
        transform: translate(0.6rem, 0.88rem) scale(1);
    }

    40% {
        opacity: 1;
        transform: translate(0.85rem, 2.26rem) scale(.6);
    }

    60% {
        opacity: 1;
        transform: translate(0.75rem, 3.46rem) scale(.6);
    }

    80% {
        opacity: 1;
        transform: translate(0.5rem, 4.06rem) scale(.6);
    }

    100% {
        opacity: 1;
        transform: translate(0, 4.5rem);
    }
}

.spark_down_anmaition_90 {
    animation: spark_down_90 2s linear;
}

@keyframes spark_down_90 {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    20% {
        opacity: 1;
        transform: translate(-0.3rem, -.58rem) scale(1)
    }

    30% {
        opacity: 1;
        transform: translate(-0.65rem, -1.32rem) scale(1)
    }

    40% {
        opacity: 1;
        transform: translate(-0.6rem, -1.66rem) scale(.6)
    }

    60% {
        opacity: 1;
        transform: translate(-0.55rem, -2.04rem) scale(.6)
    }

    70% {
        opacity: 1;
        transform: translate(-0.4rem, -3.18rem) scale(1)
    }

    80% {
        opacity: 1;
        transform: translate(-0.3rem, -3.7rem) scale(1);
    }

    100% {
        opacity: 1;
        transform: translate(0, -4.1rem);
    }
}

.phone_floor_show {
    visibility: visible !important;
    animation: opacity0-100 2s linear;
}

.floor_list {
    opacity: 0;
    position: absolute;
    width: 1.94rem;
    height: 2.41rem;
    padding: 0 .15rem;
    box-sizing: border-box;
    z-index: 3;
    text-align: center;
    background: url("../image/industry/panel_center.png") no-repeat;
    background-size: 100% 100%;
}

.list1 {
    top: 1.1rem;
    left: 0.45rem;
}

.list2 {
    top: 0.9rem;
    left: 2.75rem;
}

.list3 {
    top: .7rem;
    left: 5.05rem;
}

.list4 {
    top: 0.5rem;
    left: 7.35rem;
}

.list1_center {
    animation: scale_hexagon3 0.3s linear;
    -webkit-animation: scale_hexagon3 0.3s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.floor_list li {
    color: #9da0b7;
    font-size: .15rem;
    line-height: 1;
    margin-bottom: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floor_list li:first-child {
    font-size: .22rem;
    margin-top: .3rem;
    margin-bottom: .11rem;
}

.panel_up {
    opacity: 0;
    z-index: 5 !important;
    width: 2.44rem;
    top: -0.5rem;
    left: -0.12rem;
}

.panel_down {
    opacity: 0;
    z-index: 5 !important;
    width: 2.22rem;
    top: 1.08rem;
    left: -0.25rem;
}

.panel_up_animation1 {
    animation: translate-panel-up1 0.3s linear;
}

.panel_down_animation1 {
    animation: translate-panel-down1 0.3s linear;
}

.panel_up_animation2 {
    animation: translate-panel-up2 0.2s linear;
}

.panel_down_animation2 {
    animation: translate-panel-down2 0.2s linear;
}

.panel_effects {
    opacity: 0;
    width: 2.25rem;
    height: 2.47rem;
    z-index: 6 !important;
    left: -0.22rem;
    top: -0.05rem;
}

.panel_effects_animation {
    animation: twinkling 0.3s linear;
}

.panel_up_line {
    opacity: 0;
    width: 1.65rem;
    height: .4rem;
    top: -0.7rem;
    left: 1.85rem;
}

.panel_down_line {
    opacity: 0;
    width: 1.65rem;
    height: .4rem;
    top: 2.4rem;
    left: .9rem;
}

.industry_fire {
    opacity: 0;
    width: 100%;
    bottom: -0.46rem;
    /* animation: opacity7-10 3s linear infinite; */
}

.fire1_animation {
    animation: opacity0-100 3s linear 3s;
}

.fire2_animation {
    animation: opacity0-100 6s linear 5s;
}

.fire3_animation {
    animation: opacity0-100 4s linear 4s;
}

.industry_fire.opacity100-0 {
    animation: opacity100-0 4s linear;
}

.spark1 {
    opacity: 0;
    width: 0.8rem;
    top: 4.85rem;
    right: 1.9rem;
}

.spark2 {
    opacity: 0;
    width: 0.8rem;
    top: 4.65rem;
    left: 4.4rem;
}

.spark3 {
    opacity: 0;
    width: 0.8rem;
    top: 5.15rem;
    left: 1.4rem;
}

.sparkAnimation {
    animation: spark_animation 0.5s linear;
}

@keyframes opacity0-100 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity100-0 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes spark_animation {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    70% {
        transform: translateY(-.85rem);
        opacity: 0.6;
    }

    100% {
        transform: translateY(-.85rem);
        opacity: 0;
    }
}

@keyframes translate-panel-up1 {
    0% {
        opacity: 1;
        transform: translateY(-1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes translate-panel-up2 {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-.05rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes translate-panel-down1 {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes translate-panel-down2 {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(.05rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes opacity7-10 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes translate-airship1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-12rem);
    }

    100% {
        transform: translateX(-12rem);
    }
}

@keyframes translate-airship2 {
    0% {
        transform: translateX(0);
    }

    33% {
        transform: translateX(-12rem);
    }

    100% {
        transform: translateX(-12rem);
    }
}

@keyframes translate13 {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(0, -.13rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, -.13rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translate10 {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(0, -.1rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, -.1rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translate12 {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(0, -.12rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, -.12rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translate8 {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(0, -.08rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, -.08rem);
    }

    100% {
        transform: translate(0, 0);
    }
}


.nongye_down {
    width: 100%;
    bottom: 0;
}

.nongye_down .industry_down {
    width: 100%;
}

.smoke1 {
    width: .97rem;
    height: 1rem;
    left: 0.83rem;
    bottom: 1.05rem;
    animation: smoke-opacity 20s linear infinite;
}

.smoke2 {
    width: .56rem;
    height: .78rem;
    left: 3.84rem;
    bottom: .83rem;
    animation: smoke-opacity 24s linear infinite;
}

.smoke3 {
    width: .66rem;
    height: .86rem;
    left: 4.77rem;
    bottom: 1.34rem;
    animation: smoke-opacity 28s linear infinite;
}

.smoke4 {
    width: .81rem;
    height: 1.02rem;
    right: 2.22rem;
    bottom: 1.27rem;
    animation: smoke-opacity 18s linear infinite;
}

@keyframes smoke-opacity {
    0% {
        opacity: 1;
    }

    10% {
        opacity: 0.8;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    90% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

.cloud1 {
    width: 1.98rem;
    height: .64rem;
    left: -1.98rem;
    top: 1.65rem;
    animation: translate-cloud 270s linear 60s infinite;
}

.cloud2 {
    width: 1.6rem;
    height: .31rem;
    left: -1.6rem;
    top: 2.73rem;
    animation: translate-cloud 280s linear 43s infinite;
}

.cloud3 {
    width: 1.36rem;
    height: .36rem;
    left: -1.36rem;
    top: 2.65rem;
    animation: translate-cloud 290s linear 25s infinite;
}

.cloud4 {
    width: 3.3rem;
    height: .66rem;
    left: -3.3rem;
    top: 1.9rem;
    animation: translate-cloud 300s linear 2s infinite;
}

.bird1 {
    opacity: 0;
    width: .65rem;
    height: .26rem;
    left: .47rem;
    bottom: 1.17rem;
}

.bird2 {
    opacity: 0;
    width: .48rem;
    height: .12rem;
    left: -.48rem;
    bottom: 2.38rem;
}

.bird3 {
    opacity: 0;
    width: .38rem;
    height: .09rem;
    right: 2.96rem;
    bottom: 2.04rem;
}

.bird4 {
    opacity: 0;
    width: 1.13rem;
    height: .41rem;
    right: 1.36rem;
    bottom: 2.22rem;
}

.animation_bird1 {
    animation: translatebird1 12s linear 4s;
}

.animation_bird2 {
    animation: translatebird2 10s linear 26s;
}

.animation_bird3 {
    animation: translatebird3 10s linear 17s;
}

.animation_bird4 {
    animation: translatebird4 12s linear 10s;
}

.farmer {
    width: 2.19rem;
    height: 2.47rem;
    right: 0.38rem;
    bottom: 0.13rem;
    animation: translate-scale 10s linear infinite;
}

.EVO_rule {
    position: absolute;
    top: 1.78rem;
    left: .49rem;
    right: .47rem;
    /* width: 8.05rem; */
    height: 3.01rem;
    z-index: 3;
}

.phone_EVO_rule {
    display: none
}

.big_board {
    opacity: 0;
    position: absolute;
    top: .44rem;
    left: 0;
    width: 3.2rem;
    /* height: 1.53rem; */
}

.handle {
    top: .36rem;
    left: .38rem;
    width: 1.08rem;
    height: .85rem;
}

.big_board span {
    position: absolute;
    top: 1.21rem;
    left: .34rem;
    font-size: .18rem;
    color: #fff;
    text-shadow: 0 2px 2px #0854bc;
}

.big_board ul {
    position: absolute;
    left: 1.98rem;
    top: .25rem;
}

.big_board ul li {
    line-height: 1;
    font-size: .15rem;
    color: #fff;
    margin-bottom: .2rem;
    text-shadow: 0 2px 2px #0854bc;
}

.big_board .big_board_bg {
    position: static;
    width: 3.2rem;
    max-width: none;
    /* height: 100%; */
}

.arrow1 {
    opacity: 0;
    top: 1.13rem;
    left: 3.33rem;
    width: .42rem;
    height: .35rem;
}

.arrow2 {
    opacity: 0;
    top: 0.32rem;
    left: 5.45rem;
    width: .42rem;
    height: .35rem;
}

.arrow3 {
    opacity: 0;
    top: 1.13rem;
    left: 5.45rem;
    width: .42rem;
    height: .35rem;
}

.arrow4 {
    opacity: 0;
    top: 1.99rem;
    left: 5.45rem;
    width: .42rem;
    height: .35rem;
}

.EVO {
    opacity: 0;
    position: absolute;
    z-index: 4;
    top: -0.18rem;
    left: 2.95rem;
    width: 3.24rem;
    height: 3.25rem;
}

.EVO_token {
    top: 1.04rem;
    left: 1.06rem;
    width: 1.04rem;
    height: 1.18rem;
}

.luminescence {
    top: 0;
    left: 0;
    width: 3.25rem;
    height: 3.24rem;
    animation: rotate360 8s linear infinite;
}

.small_board {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.8rem;
}

.small_board li {
    opacity: 0;
    width: 2.8rem;
    max-width: none;
    height: .83rem;
    display: flex;
    align-items: center;
    font-size: .18rem;
    margin-bottom: .06rem;
    background: url("../image/agriculture/small_board.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    text-shadow: 0 2px 2px #0854bc;
}

.small_board li img {
    position: static;
}

.small_board li:nth-child(1) img {
    margin-left: .13rem;
    margin-right: .35rem;
    width: .69rem;
    height: .63rem;
}

.small_board li:nth-child(2) img {
    margin-left: .24rem;
    margin-right: .37rem;
    width: .56rem;
    height: .64rem;
}

.small_board li:nth-child(3) img {
    margin-left: .16rem;
    margin-right: .3rem;
    width: .72rem;
    height: .58rem;
}

.small_board li:nth-child(3) {
    margin-bottom: 0;
}

.boardAnimation {
    animation: scale_hexagon3 0.5s linear;
    -webkit-animation: scale_hexagon3 0.5s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@keyframes rotate360 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes translatebird1 {
    0% {
        transform: translate(0, 0);
        opacity: 0.6;
    }

    50% {
        transform: translate(1.3rem, -.2rem);
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        transform: translate(2.6rem, 0.2rem);
        opacity: 0;
    }
}

@keyframes translatebird2 {
    0% {
        transform: translate(0, 0);
        opacity: 0.6;
    }

    50% {
        transform: translate(0.8rem, .4rem);
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        transform: translate(1.4rem, 0.9rem);
        opacity: 0;
    }
}

@keyframes translatebird3 {
    0% {
        transform: translate(0, 0);
        opacity: 0.6;
    }

    50% {
        transform: translate(-1.1rem, 0.2rem);
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-2.2rem, 0.4rem);
        opacity: 0;
    }
}

@keyframes translatebird4 {
    0% {
        transform: translate(0, 0);
        opacity: 0.6;
    }

    50% {
        transform: translate(-1rem, 0.8rem);
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-2.7rem, 1.8rem);
        opacity: 0;
    }
}

@keyframes translate-cloud {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(14rem);
    }

    100% {
        transform: translate(14rem);
    }
}

@keyframes opacity5-10 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes translate-scale {
    0% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-0.1rem) scale(1.05);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

.slate {
    opacity: 0;
    position: absolute;
    width: 6.74rem;
    height: 3.18rem;
    top: 0.62rem;
    right: 1.49rem;
    z-index: 2;
}

.slate_phone {
    display: none;
}

.slate_bg {
    top: 0;
    left: 0;
    width: 100%;
}

.fox {
    opacity: 0;
    width: 0.38rem;
    top: 3rem;
    left: .38rem;
}

.translatefox {
    animation: translatefox 16s linear 2s;
}

.fox_shelter {
    width: 0.66rem;
    top: 2.18rem;
    left: .23rem;
}

.history {
    width: .76rem;
    top: .11rem;
    left: 2.97rem;
}

.stela_text {
    position: absolute;
    top: .53rem;
    left: .33rem;
    width: 6.14rem;
    height: 2.32rem;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 1;
    color: #464741;
    font-size: 0.18rem;

}

.slate_light {
    opacity: 0;
    width: 8.35rem;
    height: 3.42rem;
    top: .5rem;
    right: 0rem;

}

.scale_slate {
    animation: scale-slate 2s linear;
}

.scale_slate_light {
    animation: scale-slate-light 2s linear;
}

.slate_light_twinkle {
    animation: twinkle 4s linear infinite;
}

.slate_light.slate_light_twinkle {
    animation: twinkle 4s linear infinite;
}

.stela_text p {
    padding-bottom: 0.15rem;
    line-height: 0.2rem;
}

.stela_text::-webkit-scrollbar {
    width: 0 !important
}

.gun1 {
    width: .53rem;
    height: 1.32rem;
    bottom: -0.2rem;
    left: 1.59rem;
    animation: translate0-7 3s linear infinite;
}

.gun2 {
    width: .28rem;
    height: 1.15rem;
    bottom: -0.1rem;
    left: 3.45rem;
    animation: translate0-7 5s linear infinite;
}

.leaf1 {
    width: .39rem;
    top: .9rem;
    right: .6rem;
    animation: leafdown 30s linear infinite;
}

.leaf2 {
    opacity: 0;
    width: .15rem;
    top: .9rem;
    left: .2rem;
    animation: leafdown1 30s linear 10s infinite;
}

.leaf3 {
    width: .29rem;
    top: .7rem;
    left: .5rem;
    animation: leafdown2 30s linear infinite;
}

.leaf4 {
    opacity: 0;
    width: .39rem;
    top: .9rem;
    right: .6rem;
    animation: leafdown 30s linear 15s infinite;
}

.leaf5 {
    opacity: 0;
    width: .29rem;
    top: .7rem;
    left: .5rem;
    animation: leafdown2 20s linear 15s infinite;
}

.skeleton1 {
    width: 1.24rem;
    height: .98rem;
    bottom: -0.17rem;
    left: .49rem;
    animation: translate0-4 3s linear infinite;
}

.skeleton2 {
    width: 1.24rem;
    height: .98rem;
    bottom: -0.18rem;
    left: 3.3rem;
    animation: translate0-4 5s linear infinite;
}

.skeleton3 {
    width: 1.24rem;
    height: .98rem;
    bottom: -0.05rem;
    right: 2.41rem;
    animation: translate0-4 5s linear infinite;
}

.skeleton4 {
    width: .93rem;
    height: 1.11rem;
    bottom: .58rem;
    right: 1.77rem;
    animation: translate5-0 8s linear infinite 2s;
}

.skeleton5 {
    width: 1.1rem;
    height: 0.9rem;
    bottom: .08rem;
    right: 1.28rem;
    animation: translate0-4 4s linear infinite;
}

.skeleton6 {
    width: 1.11rem;
    height: 1.05rem;
    bottom: 0rem;
    right: 1.28rem;
}

.skeleton7 {
    width: .8rem;
    height: .41rem;
    bottom: .72rem;
    right: 2.24rem;
    animation: translate5-0 8s linear infinite;
}

.skeleton8 {
    width: .74rem;
    height: .7rem;
    bottom: -0.07rem;
    right: 0rem;
    animation: translate0-4 3s linear infinite;
}

@keyframes scale-slate-light {
    0% {
        opacity: 0;
    }

    38% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.1;
    }

    68% {
        opacity: 0.4;
    }

    70% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale-slate {
    0% {
        opacity: 0;
    }

    37% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.1;
    }

    67% {
        opacity: 0.4;
    }

    70% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes translate5-0 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(.05rem, 0);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(-.05rem, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translatefox {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    9% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    18% {
        transform: translate(0, -0.76rem);
        opacity: 1;
    }

    89% {
        transform: translate(0, -0.76rem);
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    96% {
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 0;
    }
}

@keyframes translate0-4 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(0, .04rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, -.04rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes translate0-7 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(0, .07rem);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(0, .07rem);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes leafdown {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    20% {
        transform: translate(-0.4rem, 0.7rem);
    }

    40% {
        transform: translate(0.4rem, 1.4rem);
    }

    60% {
        transform: translate(-0.6rem, 2.1rem);
    }

    80% {
        transform: translate(0.5rem, 2.8rem);
        opacity: 0.9;
    }

    100% {
        transform: translate(-0.6rem, 3.5rem);
        opacity: 0;
    }
}

@keyframes leafdown1 {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    20% {
        transform: translate(-0.6rem, 0.5rem);
    }

    40% {
        transform: translate(0.3rem, 1rem);
    }

    60% {
        transform: translate(-0.4rem, 1.5rem);
    }

    80% {
        transform: translate(0.5rem, 2rem);
        opacity: 0.9;
    }

    100% {
        transform: translate(-0.5rem, 2.5rem);
        opacity: 0;
    }
}

@keyframes leafdown2 {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    20% {
        transform: translate(0.6rem, 0.7rem);
    }

    40% {
        transform: translate(-0.3rem, 1.4rem);
    }

    60% {
        transform: translate(0.4rem, 2.1rem);
    }

    80% {
        transform: translate(-0.5rem, 2.8rem);
        opacity: 0.9;
    }

    100% {
        transform: translate(0.6rem, 3.5rem);
        opacity: 0;
    }
}

.shiqi_foot {
    z-index: 1;
    margin-top: -0.23rem;
}

.PARTNERS {
    width: 1.46rem;
    top: .58rem;
    left: 4.07rem;
}

.network {
    width: .79rem;
    top: 1.26rem;
    left: 1.97rem;
}

.maker {
    width: 1.29rem;
    top: 1.36rem;
    left: 3.32rem;
}

.aave {
    width: .85rem;
    top: 1.32rem;
    right: 3.59rem;
}

.ubisoft {
    width: 1.07rem;
    top: 1.29rem;
    right: 1.96rem;
}

.binance {
    width: 1.48rem;
    top: 1.97rem;
    left: 3.02rem;
}

.samsung {
    width: 1.27rem;
    top: 2.02rem;
    right: 3.45rem;
}

.shiqi_foot .foot_list {
    position: absolute;
    /* top: 2.8rem; */
    top: 1.8rem;
}

.ul2 li {
    text-align: center;
}

.shiqi_foot .foot_list li {
    line-height: 1;
    margin-bottom: .25rem;
    color: #fff;
    font-size: .2rem;
    cursor: pointer;
}

.ul1 {
    left: 2.05rem;
}

.ul2 {
    left: 4.26rem;
}

.ul3 {
    left: 6.67rem;
}

.footInfo {
    /* position: absolute;
    bottom: 1.54rem;
    left: 4.03rem; */
    display: flex;
    align-items: flex-end;
    margin-top: 0.208rem;
}

.footInfo img {
    position: static !important;
}

.foot_right ul li {
    margin-right: 0.04rem;
    max-height: 0.8rem;
}

.logo {
    width: .67rem;
}

.icon1,
.icon2,
.icon3,
.icon4,
.icon5,
.icon6 {
    width: .395rem;
    margin-left: 0.26rem;
    cursor: pointer;
    /* bottom: .37rem; */
}

/* .icon1 {
    left: 5.84rem;
}
.icon2 {
    left: 5.61rem;
}
.icon3 {
    left: 5.39rem;
}
.icon4 {
    left: 5.16rem;
}
.icon5 {
    left: 4.93rem;
} */
.foot_right {
    /* margin-left: 0.23rem; */
}

.foot_right ul {
    display: flex;
}

.email {
    /* position: absolute; */
    display: block;
    line-height: 1;
    /* bottom: .24rem; */
    /* left: 4.93rem; */
    color: #fff;
    font-size: .166rem;
    text-align: center;
    margin-bottom: 0.104rem;
    margin-top: 0.156rem;
}

.Copyight {
    /* position: absolute; */
    display: block;
    line-height: 1;
    /* bottom: .13rem; */
    /* left: 4.93rem; */
    color: #fff;
    font-size: .166rem;
    text-align: center;
}

.loading {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
    margin-top: 40vh;
}

.loadingName {
    color: #fff;
    font-size: .53rem;
    margin-top: 0.4rem;
}

#homePage {
    display: none;
}

.phone_static {
    display: none;
}

.phoneTop {
    display: none;
}


/*loading start*/
.loadEffect {
    width: 1rem;
    height: 1rem;
    position: relative;
    margin: 0 auto;
}

.loadEffect span {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(.3);
        opacity: 0.5;
    }
}

.loadEffect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -0.1rem;
    -webkit-animation-delay: 0.13s;
}

.loadEffect span:nth-child(2) {
    left: .14rem;
    top: .14rem;
    -webkit-animation-delay: 0.26s;
}

.loadEffect span:nth-child(3) {
    left: 50%;
    top: 0;
    margin-left: -0.1rem;
    -webkit-animation-delay: 0.39s;
}

.loadEffect span:nth-child(4) {
    top: .14rem;
    right: .14rem;
    -webkit-animation-delay: 0.52s;
}

.loadEffect span:nth-child(5) {
    right: 0;
    top: 50%;
    margin-top: -0.1rem;
    -webkit-animation-delay: 0.65s;
}

.loadEffect span:nth-child(6) {
    right: .14rem;
    bottom: .14rem;
    -webkit-animation-delay: 0.78s;
}

.loadEffect span:nth-child(7) {
    bottom: 0;
    left: 50%;
    margin-left: -0.1rem;
    -webkit-animation-delay: 0.91s;
}

.loadEffect span:nth-child(8) {
    bottom: .14rem;
    left: .14rem;
    -webkit-animation-delay: 1.04s;
}

.drop_up {
    animation: dropRotateUp 0.25s linear;
    -webkit-animation: dropRotateUp 0.25s linear;
    animation-fill-mode: forwards;
}

.drop_down {
    animation: dropRotate 0.25s linear;
    -webkit-animation: dropRotate 0.25s linear;
    animation-fill-mode: forwards;
}

/*loading end*/



@media screen and (max-width: 450px) {
    .migration1 {
        top: 1.3rem;
        left: 2.62rem;
    }

    .migration2 {
        top: 1.3rem;
        left: 2.62rem;
    }

    .aerocraft1 {
        top: -0.97rem;
        right: -.4rem;
    }

    .aerocraft2 {
        top: -0.6rem;
        right: -5.76rem;
    }

    .aerocraft3 {
        top: 2.1rem;
        left: 2.62rem;
    }

    .top_bg {
        width: 100%;
        left: 0;
    }

    .top ul {
        top: 0.09rem;
    }

    .text_introduce {
        font-size: .23rem;
        line-height: .25rem;
    }

    .big_board ul {
        top: 0.1rem;
    }

    .top ul li {
        font-size: 0.25rem;
    }

    .floor_list li {
        font-size: .36rem;
        margin-bottom: 0.21rem !important;
        line-height: 1.1;
    }

    .floor_list li:first-child {
        font-size: .5rem;
    }

    .stela_text {
        font-size: 0.24rem;
    }

    .goods span {
        font-size: .22rem;
    }

    .second_goods {
        left: 3.99rem;
    }

    .third_goods {
        left: 6.55rem;
    }

    .list p {
        font-size: 0.2rem;
        padding-bottom: 0.05rem;
        padding-top: 0.1rem;
    }

    .top ul li:nth-child(1) {
        padding: 0 0.16rem;
        width: 0.6rem;
    }

    .top ul li:nth-child(2) {
        padding: 0 0.31rem;
        width: 0.6rem;
    }

    .top ul li:nth-child(3) {
        padding: 0 0.15rem;
        width: 0.946rem;
    }

    .top ul li:nth-child(4) {
        padding: 0 0.14rem;
        width: 1.286rem;
    }

    .top {
        display: none;
    }

    /* phone top start*/

    .phoneTop {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        height: 1.01rem;
    }

    .phone_download {
        top: 0.18rem;
        right: 0.5rem;
        width: 0.45rem;
        cursor: pointer;
    }

    .phone_tab {
        position: relative;
        top: 1.5rem;
        display: none;
    }

    .phone_tab li {
        width: 100%;
        text-align: center;
        flex-direction: column;
        color: #fff;
        font-size: .43rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.2rem 0;
    }

    .phone_tab li:nth-child(6) {
        height: auto;
    }

    .secondDown {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .phone_second_download {
        cursor: pointer;
        right: 39%;
        width: 0.4rem;
        transform: rotate(180deg);
    }

    .phone_top_list {
        margin-top: 0.2rem;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 0.2rem 0;
        display: none;
    }

    .phone_top_list p {
        padding: 0.2rem 0;
    }

    .phone_play {
        width: 1.67rem;
        height: 1.81rem;
        position: inherit !important;
    }

    .phone_menu {
        background-image: linear-gradient(#2a64c7, #73d0f7);
        height: 100vh;
        position: fixed;
        width: 100%;
    }

    /* phone top end*/

    /* phone introduce start*/
    .yuzhou-line {
        height: 9rem;
    }

    .door {
        width: 5.89rem;
        left: 2.02rem;
        top: 0.97rem;
    }

    .door_halo {
        width: 5.157rem;
        height: 5.241rem;
        left: 2.57rem;
        top: 1.5rem;
    }

    .door_core {
        width: 3.07rem;
        height: 3.511rem;
        left: 3.85rem;
        top: 2.28rem;
    }

    .door_front {
        width: 10.869rem;
        height: 8.5rem;
    }

    .aerocraft2 {
        top: 1rem;
    }

    .time {
        top: 4.03rem;
        left: 2.28rem;
        font-size: 1.2rem;
    }

    .alien1 {
        width: 6.264rem;
        height: 7.02rem;
        top: 5.6rem;
        left: -2.2rem;
    }

    .alien2 {
        width: 6.39rem;
        height: 6.48rem;
        top: 6.25rem;
        right: -1.6rem;
    }

    .introduce {
        display: none;
    }

    .phone_introduce {
        display: block;
        position: absolute;
        top: -20rem;
        left: 0.05rem;
        right: 0.05rem;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .phone_introduce {
        padding: 0 1rem;
    }

    .introduceItem {
        background-image: url('../image/scienceTechnology/introduce_phone_bg.png');
        background-size: 100% 100%;
        width: 100%;
        height: 6.55rem;
        position: relative;
        margin-top: -0.45rem;
    }

    .phone_backlight {
        animation: backlight 2s linear infinite;
        height: 3.85rem;
        position: absolute;
        top: 0.4rem;
        left: 2.15rem;
    }

    .phone_angel_egg {
        width: 1.96rem;
        height: 2.45rem;
        position: absolute;
        top: 1.1rem;
        left: 2.95rem
    }

    .introduceItem span {
        font-size: 0.34rem;
        line-height: 1;
        color: #fff;
        display: block;
        text-align: center;
    }

    .phone_egg_money {
        padding-top: 3.5rem;
        padding-bottom: 0.1rem;
        font-size: 0.4rem !important;
    }

    .phone_buy_btn {
        width: 2rem;
        cursor: pointer;
        position: absolute;
        bottom: 1.25rem;
        left: 2.95rem;
    }

    .phone_btn_text {
        position: absolute;
        font-size: 0.4rem;
        line-height: 1;
        color: #fff;
        text-align: center;
        z-index: 5;
        top: 4.65rem;
        left: 3.4rem;
    }

    .phone_text_introduce {
        background-image: url('../image/scienceTechnology/text_introduce_bg.png');
        background-size: 100% 100%;
        height: 4.05rem;
        width: 80%;
        margin-top: -0.15rem;
        padding: .5rem;
    }

    .phone_text_introduce p {
        font-size: .33rem;
        line-height: 0.6rem;
        color: #fff;
        height: 100%;
        overflow-y: scroll;
    }

    .phone_text_introduce p::-webkit-scrollbar {
        width: 0 !important
    }

    .yuzhou .bg {
        height: 22rem !important;
    }

    /* phone introduce end*/

    /* phone platform start*/
    .platform {
        display: none;
    }

    .phone_platform {
        display: block;
        position: absolute;
        width: 6.3rem;
        height: 3.86rem;
        bottom: 2.7rem;
        left: 1.65rem;
        top: 10rem;
        z-index: 5;
    }

    .star {
        top: 14rem;
        width: 6.315rem;
        height: 6.58rem;
    }

    .space_station {
        top: 5rem;
    }

    .keji .bg {
        height: 21rem !important;
    }

    .shelter_up {
        top: 18.2rem;
    }

    .architecture {
        top: 15.89rem;
    }

    .architecture_core {
        top: 15.83rem;
    }

    .platform_bg_group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .platform_bg_1 {
        opacity: 0;
        width: 5.082rem;
        height: 5.94rem;
        position: unset !important;
    }

    .platform_bg_2 {
        opacity: 0;
        width: 4.62rem;
        height: 5.94rem;
        position: unset !important;
        margin-left: 0.42rem;
        margin-bottom: 0.5rem;
    }

    .platform_skeleton2 {
        top: 2.82rem;
        left: 2.26rem;
        width: 2.475rem;
        height: 4.419rem;
    }

    .skeleton_light {
        top: 2.99rem;
        left: 2.35rem;
        height: 4.411rem;
        width: 2.332rem;
    }

    .Attribute {
        width: 1.918rem;
        height: auto;
        left: 2.38rem;
        top: -3.45rem;
    }

    .hexagon_bg {
        top: -2.6rem;
        right: 1.1rem;
        width: 3.663rem;
        height: 3.135rem;
    }

    .hexagon3 {
        width: 2.574rem;
        height: 2.442rem;
        top: -2.3rem;
        right: 1.56rem;
    }

    /* phone platform end*/

    /* phone floor start*/
    .floor {
        display: none;
    }

    .phone_floor {
        display: block;
        position: absolute;
        top: 1.77rem;
        left: 0.08rem;
        right: 0.1rem;
        height: 17rem;
        z-index: 3;
    }

    .floor_list {
        padding-top: 0.3rem;
        width: 3.783rem;
        height: 4.408rem;
    }

    .panel_up {
        width: 4.758rem;
        top: -1rem;
    }

    .panel_down {
        width: 4.329rem;
        top: 1.86rem;
        left: -0.5rem;
    }

    .panel_effects {
        width: 4.348rem;
        height: 4.596rem;
        left: -0.42rem;
        top: -0.1rem;
    }

    .list1 {
        top: 0rem;
        left: 2.85rem;
    }

    .list2 {
        top: 5.85rem;
        left: 2.85rem;
    }

    .list3 {
        top: 11.68rem;
        left: 2.85rem;
    }

    .list4 {
        top: 17.53rem;
        left: 2.85rem;
    }

    .gongye {
        min-height: 27rem;
        /* background-image: linear-gradient(#59486e, #262930); */
        /* background-color: #262930; */
    }

    .gongye .bg {
        bottom: 0;
        position: absolute !important;
    }

    .spark1 {
        top: 26rem;
    }

    .spark2 {
        top: 25.8rem;
    }

    .spark3 {
        top: 26.3rem;
    }

    .airship1 {
        top: 23.27rem;
    }

    .airship2 {
        top: 23.67rem;
    }

    .airship3 {
        top: 24.03rem;
    }

    .worker2,
    .worker3 {
        display: none !important;
    }

    .worker1 {
        width: 3.12rem;
        height: 2.05rem;
        bottom: 0.54rem;
        left: 0.37rem;
    }

    .worker4 {
        width: 2.25rem;
        height: 2.05rem;
        bottom: 0.4rem;
        right: 2.07rem;
    }

    .industry_down {
        display: none !important;
    }

    .panel_up_line {
        top: 3.6rem;
        left: 2.25rem;
        width: 4.455rem;
        height: 1.08rem;
        transform: rotate(90deg);
    }

    .panel_down_line {
        top: 6rem;
        left: -2.5rem;
        width: 4.455rem;
        height: 1.08rem;
        transform: rotate(90deg);
    }

    .spark_up_90 {
        width: 0.972rem;
        height: 0.945rem;
        opacity: 0;
        top: 1.4rem;
        left: 3.6rem;
    }

    .spark_down_90 {
        width: 0.972rem;
        height: 0.945rem;
        opacity: 0;
        top: 7.8rem;
        left: -0.6rem;
    }

    .phone_floor_left {
        visibility: hidden;
        width: 1rem;
        height: 2.4rem;
        position: absolute;
        top: 6.3rem;
        left: 5vw;
    }

    .phone_floor_left_img {
        width: 1rem;
        height: 2.4rem;
    }

    .phone_floor_right {
        visibility: hidden;
        width: 1rem;
        height: 2.4rem;
        position: absolute;
        top: 6.3rem;
        right: 5vw;
    }

    .phone_floor_right_img {
        width: 1rem;
        height: 2.4rem;
    }

    /* phone floor end*/


    /* phone EVO_rule start*/
    .nongye .bg {
        height: 15rem;
    }

    .EVO_rule {
        display: none;
    }

    .phone_EVO_rule {
        display: block;
        position: absolute;
        top: 0.78rem;
        left: .49rem;
        right: .47rem;
        height: 7.41rem;
        z-index: 3;
    }

    .big_board_bg {
        width: 4.8rem !important;

    }

    .big_board {
        left: 2rem;
    }

    .handle {
        width: 1.62rem;
        height: 1.275rem;
        top: 0.46rem;
        left: 0.58rem;
    }

    .big_board span {
        top: 1.8rem;
        font-size: 0.37rem;
        left: 0.6rem;
    }

    .big_board ul {
        top: 0.2rem;
        left: 2.98rem;
    }

    .big_board ul li {
        font-size: 0.32rem;
        margin-bottom: 0.27rem;
    }

    .EVO_token {
        width: 1.716rem;
        height: 1.947rem;
    }

    .luminescence {
        width: 4.875rem;
        height: 4.86rem;
        top: -0.5rem;
        left: 0.2rem;
    }

    .phone_arrow1 {
        /* transform: rotate(90deg); */
        opacity: 0;
        top: 3.53rem;
        left: 4.03rem;
        height: 0.625rem;
        width: 0.53rem;

    }

    .arrowGroup {
        opacity: 0;
        position: absolute;
        top: 6.92rem;
        width: 100%;
    }

    .phone_arrow2 {
        transform: rotate(90deg);
        left: 5.45rem;
        width: 0.63rem;
        height: 0.525rem;
    }

    .phone_arrow3 {
        left: 4rem;
        transform: rotate(90deg);
        width: 0.63rem;
        height: 0.525rem;
    }

    .phone_arrow4 {
        left: 2.55rem;
        transform: rotate(90deg);
        width: 0.63rem;
        height: 0.525rem;
    }

    .EVO {
        top: 3.52rem;
        left: 2.4rem;
    }

    .small_board {
        top: 7.8rem;
        left: 2.1rem;
    }

    .small_board_phone {
        opacity: 0;
    }

    .small_board li {
        opacity: 1;
        font-size: 0.36rem;
        width: 4.5rem !important;
        height: 1.245rem !important;
    }

    .small_board li:nth-child(1) img {
        width: 1.035rem;
        height: 0.945rem;
        margin-left: 0.23rem;
        margin-right: 0.65rem;
    }

    .small_board li:nth-child(2) img {
        margin-left: 0.34rem;
        margin-right: 0.73rem;
        width: 0.84rem;
        height: 0.96rem;
    }

    .small_board li:nth-child(3) img {
        margin-left: 0.26rem;
        margin-right: 0.6rem;
        width: 1.08rem;
        height: 0.87rem;
    }

    .farmer {
        display: none !important;
    }

    .foot_right ul li {
        margin-right: .08rem;

    }

    /* phone EVO_rule end*/

    /* phone slate start*/
    .shiqi .bg {
        /* height: 10rem; */
    }

    .shiqi_phone_bg {
        display: block !important;
        height: 7.2rem;
    }

    .slate {
        display: none;
    }

    .slate_phone {
        display: block;
        opacity: 0;
        position: absolute;
        width: 8.08rem;
        height: 8.376rem;
        top: -7.7rem;
        right: 0.99rem;
        z-index: 2;
    }

    .slate_light {
        display: none !important;
    }

    .stela_text {
        width: 7.14rem;
        left: 0.5rem;
        top: 0.9rem;
        height: 6.72rem;
        font-size: 0.36rem;
    }

    .stela_text p {
        line-height: 0.4rem;
    }

    .history {
        width: 1.16rem;
        top: 0.22rem;
        left: 3.47rem;
    }

    .top_logo {
        width: 1.27rem;
        left: 0.4rem;
        top: 0.16rem;
    }

    .PARTNERS {
        width: 2.19rem;
        top: 0.48rem;
        left: 3.9rem;
    }

    .support_network {
        width: 1.185rem;
        position: unset !important;
    }

    .support_maker {
        width: 1.935rem;
        position: unset !important;
    }

    .support_aave {
        width: 1.275rem;
        position: unset !important;
    }

    .support_ubisoft {
        width: 1.605rem;
        position: unset !important;
    }

    .support_binance {
        width: 2.22rem;
        position: unset !important;
    }

    .support_samsung {
        width: 1.905rem;
        position: unset !important;
    }

    .support_group {
        position: absolute;
        top: 1.4rem;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.8rem;
    }

    .support_group2 {
        position: absolute;
        top: 2.3rem;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.8rem;
    }

    .support_list_group {
        position: absolute;
        top: 3.2rem;
        left: 0;
        right: 0;
        display: flex;
        width: 100%;
    }

    .supportLine {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    .support_list_group li {
        line-height: 1;
        margin-bottom: 0.25rem;
        color: #fff;
        font-size: 0.38rem;
        cursor: pointer;
    }

    .support_lis_1 {
        margin-left: 0.8rem;
    }

    .support_lis_2 {
        margin-right: auto;
        margin-left: 2.12rem;
    }

    .support_lis_3 {
        margin-right: 0.8rem;
    }

    .support_lis_2 li {
        text-align: center;
    }

    .shiqi_foot .bg {
        height: 8rem;
    }

    .shiqi_foot {
        display: none;
    }

    .phone_foot {
        display: block;
    }

    .logo {
        width: 1.245rem;
    }

    .icon1,
    .icon2,
    .icon3,
    .icon4,
    .icon5,
    .icon6 {
        width: .655rem;
    }

    .email,
    .Copyight {
        font-size: 0.33rem;
    }

    .foot_right ul {
        justify-content: flex-start;
    }

    .footInfo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        top: 1rem;
    }

    /*  phone static*/
    .phone_download {
        position: absolute;
    }

    .top_logo {
        position: absolute;
    }

    .phone_second_download {
        right: 39%;
        position: absolute;
    }

    .path1,
    .path2,
    .path3,
    .path4,
    .path5,
    .path1_content,
    .path3_content,
    .path4_content {
        position: relative;
    }

    .relative_box {
        position: relative;
    }

    .path1_content1 {
        position: absolute;
        top: -15rem;
        width: 80%;
        margin: 0 auto;
        margin-left: 10%;
        z-index: 2;
    }

    .path1_content_item {
        position: absolute;
        top: -15rem;
        width: 100%;
    }

    .path1_content_item2 {
        position: absolute;
        top: -9rem;
        width: 100%;
    }

    .path1_content_item3 {
        position: absolute;
        top: -3rem;
        width: 100%;
    }

    .path1_light {
        animation: backlight 2s linear infinite;
        height: 3.85rem;
        position: absolute;
        top: 0.4rem;
        left: 3.15rem;
        z-index: 3;
    }

    .path1_egg {
        width: 1.96rem;
        height: 2.45rem;
        position: absolute;
        top: 1.1rem;
        left: 4.05rem;
        z-index: 3
    }

    .relative_box p {
        font-size: 0.45rem;
        line-height: 1;
        color: #fff;
        position: absolute;
        top: 3.5rem;
        z-index: 3;
        left: 3.6rem;
        width: 2.9rem;
        text-align: center;
    }

    .relative_box span {
        position: absolute;
        z-index: 3;
        font-size: 0.4rem;
        line-height: 1;
        top: 4rem;
        left: 3.6rem;
        color: #fff;
        width: 2.9rem;
        text-align: center;
    }

    .path1_btn {
        width: 2rem;
        cursor: pointer;
        position: absolute;
        top: 4.45rem;
        left: 4.05rem;
        z-index: 3;
    }

    .path1_text {
        position: absolute;
        top: 3.9rem;
        left: 1.9rem;
        font-size: .33rem;
        line-height: 0.6rem;
        color: #fff;
        height: 4.3rem;
        width: 6.4rem;
        overflow-y: scroll;
        z-index: 3;
    }

    .path1_text::-webkit-scrollbar {
        width: 0 !important
    }

    .path2_content2 {
        position: absolute;
        top: 9.4rem;
        width: 56%;
        margin: 0 auto;
        margin-left: 18%;
    }

    .path3_content3 {
        position: absolute;
        top: -28rem;
        width: 56%;
        margin: 0 auto;
        margin-left: 22%;
    }

    .path3_arrow {
        position: absolute;
        z-index: 3;
        top: -18.6rem;
        width: 90%;
        left: 5%;
    }

    .path3_position1 {
        top: -26.6rem;
        left: 3.3rem;
    }

    .path3_position2 {
        top: -21.5rem;
        left: 3.3rem;
    }

    .path3_position3 {
        top: -16.3rem;
        left: 3.3rem;
    }

    .path3_position4 {
        top: -11.1rem;
        left: 3.3rem;
    }

    .path3_item {
        position: absolute;
        width: 2.94rem;
        height: 3.51rem;
        padding: 0 0.15rem;
        box-sizing: border-box;
        z-index: 3;
        text-align: center;
    }

    .path3_item ul {
        height: 100%;
        width: 100%;
    }

    .path3_item li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #9da0b7;
        font-size: .12rem;
        line-height: 1;
        font-size: .36rem;
        margin-bottom: 0.2rem;
    }

    .path3_item li:first-child {
        font-size: .46rem;

    }

    .path4_content4 {
        position: absolute;
        top: -21.3rem;
        width: 60%;
        margin: 0 auto;
        margin-left: 20%;
    }

    .path4_content span {
        position: absolute;
        top: -19.35rem;
        left: 3rem;
        z-index: 3;
        font-size: 0.34rem;
        color: #fff;
        text-shadow: 0 2px 2px #0854bc;
    }

    .path4_content ul {
        position: absolute;
        z-index: 3;
        top: -20.95rem;
        left: 5.58rem;
    }

    .path4_content li {
        font-size: 0.3rem;
        margin-bottom: 0.25rem;
        line-height: 1;
        color: #fff;
        text-shadow: 0 2px 2px #0854bc;
    }

    .path4_content p {
        color: #fff;
        text-shadow: 0 2px 2px #0854bc;
        font-size: 0.4rem;
        position: absolute;
        left: 4.3rem;
    }

    .path4_p1 {
        top: -12.9rem;
    }

    .path4_p2 {
        top: -11.3rem;
    }

    .path4_p3 {
        top: -9.6rem;
    }

    .path5_content5 {
        position: absolute;
        top: -5rem;
        width: 80%;
        margin: 0 auto;
        margin-left: 10%;
    }

    .path5_history {
        position: absolute;
        top: -4.8rem;
        width: 1.7rem;
        left: 4.2rem;
    }

    .path5_text {
        overflow-x: hidden;
        overflow-y: scroll;
        z-index: 1;
        color: #464741;
        position: absolute;
        width: 7rem;
        left: 1.5rem;
        top: -4.1rem;
        height: 6.72rem;
        font-size: 0.36rem;
    }

    .path5_text::-webkit-scrollbar {
        width: 0 !important
    }

    .path5_text p {
        line-height: 0.4rem;
        padding-bottom: 0.15rem;
    }

    .title_introduce {
        top: 3.73rem;
    }

    .title_introduce img {
        width: 7.749rem;
    }
}